@charset "utf-8";
/* xmpco CSS */
body { margin: 0px; padding: 0px; font-size: 12px; font-family: "Microsoft Yahei"; color: #333; min-width: 1180px; padding-top: 70px; }
* { margin: 0px; padding: 0px; outline: none; }
img, input, select, textarea { border: 0px; color: #333; font-family: "Microsoft Yahei"; font-size: 12px; }
form, table, tr, td, input, textarea, select, h1, h2, h3, h4, h5, span, label, dl, dt, dd, ul, li, p, i, a { margin: 0px; padding: 0px; font-family: "Microsoft Yahei"; }
ul, li { list-style-type: none; }
a { text-decoration: none; color: #333; transition: all .5s ease; -webkit-transition: all .5s ease; }
a:hover { color: #0da3c1; }
.fl { float: left; }
.fr { float: right; }
.warp { width: 1180px; margin: 0 auto; }
.clear{clear:both; overflow:hidden; height:0px; content:'';}

/***头部***/
.header { height: 70px; background: #1b2934; position: fixed; left: 0px; top: 0px; width: 100%; min-width: 1180px; z-index:111111; }
.header .logo { float: left; height: 50px; margin-left: 20px; margin-top: 10px; }
.header ul { float: left; margin-left: 50px; }
.header ul li { float: left; margin-left: 20px; position:relative; }
.header ul li .a1 { height: 70px; color: #fff; line-height: 70px; display: block; width: 100px; text-align: center; font-size: 14px; }
.header ul li:hover .a1,.header ul li .a1.on { background: #0da3c1; }
.search { width: 250px; height: 30px; border-radius: 20px; -webkit-border-radius: 20px; margin-top: 20px; overflow: hidden; position: relative; background: #fff; margin-right: 20px; }
.search .intxt { position: absolute; left: 10px; top: 0px; padding: 6px 10px; width: 190px; }
.search .sbtn { width: 50px; position: absolute; right: 0px; height: 30px; cursor: pointer; border: 0px; background: #14b7d8; color: #fff; text-align: center; border-top-right-radius: 10px; border-bottom-right-radius: 10px; transition: all .5s ease; -webkit-transition: all .5s ease; }
.search .sbtn:hover { background: #0da3c1; }
.header ul li .navson{ background:#1b2934; display:none; width:100%; position:absolute; left:0px; top:70px;}
.header ul li .navson a{ display:block; text-align:center; line-height:40px; color:#fff; border-bottom:1px solid #121c24;}
.header ul li .navson a:hover{ background:#0da3c1;}
/***产品***/
.title{ margin:45px 0; overflow:hidden; text-align:center;}
.title span{ display:inline-block; color:#0da3c1; font-size:35px; padding-bottom:10px;}
.title span i{ height:2px; background:#0da3c1; width:50px; display:block; margin:10px auto;}

.prolist{ overflow:hidden; margin-left:-22px;}
.prolist li{ float:left; margin-left:22px; height:265px; overflow:hidden; width:278px; margin-bottom:35px; text-align:center;}
.prolist li .pic{ width:276px; height:213px; overflow:hidden; border:1px solid #ddd; margin-bottom:10px; position:relative;}
.prolist li .pic img{ width:100%; height:100%;transition:all 5s ease; -webkit-transition:all 5s ease;}
.prolist li .pic .mask{ position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.6); transition:all .4s ease; -webkit-transition:all .4s ease; transform:scale(0);-webkit-transform:scale(0); opacity:0;}
.prolist li .pic .mask span{ background:#0da3c1; height:40px; color:#fff; line-height:40px; text-align:center; width:120px; font-size:14px; display:block; margin:0 auto; border-radius:20px; -webkit-border-radius:20px;  margin-top:92px; transition:all .5s ease; -webkit-transition:all .5s ease; opacity:0; transform:scale(0);-webkit-transform:scale(0);}
.prolist li .pic .mask span i{ margin-right:10px;}
.prolist li .tit{ height:20px; font-size:14px; text-align:center; overflow:hidden; line-height:20px;}
.prolist li:hover .pic .mask{  transform:scale(1);-webkit-transform:scale(1); opacity:1;}
.prolist li:hover .pic img{transform:scale(1.5);-webkit-transform:scale(1.5);}
.prolist li:hover .pic .mask span{ transform:scale(1);-webkit-transform:scale(1); opacity:1; transition-delay:.2s;-webkit-transition-delay:.2s;}

/****关于我们***/
.about{ height:550px; background:url(../about.jpg) no-repeat center 50%; margin:50px 0;}
.about .tit{ font-size:30px; font-weight:normal; color:#fff; padding:25px 0; margin-top:25px;}
.about .aboutxt{ float:left; width:500px; color:#fff; font-size:14px; line-height:25px;}
.about .invideo{ float:right;}

.cppp{ width:555px; float:right;}
.cppp ul{ margin-left:-20px;}
.cppp ul li{ float:left; width:200px; height:70px; margin-bottom:20px; background:#fff; border:1px solid #ddd; text-align:center; margin-left:20px; display:table;}
.cppp ul li span{ display:table-cell; height:70px; vertical-align:middle;}
.cppp ul li span img{max-width:95%; max-height:95%;}

/***维修步骤***/
.weixiuList{ margin-left:-35px;}
.weixiuList li{ float:left; width:100px; background:#0CC; color:#fff; font-size:14px; height:100px; border-radius:50%; -webkit-border-radius:50%; margin-left:35px; margin-bottom:20px; text-align:center; transition:all .5s; -webkit-transition:all .5s;}
.weixiuList li i{ font-size:30px; display:block; margin:0 auto; margin-top:20px; font-style:normal; font-family:Tahoma, Geneva, sans-serif;}
.weixiuList li:hover{ transform:scale(1.5);}

.btnsq{ background:#ed5b3e; color:#fff; font-size:16px; text-align:center; width:150px; height:45px; line-height:45px; border-radius:25px; -webkit-border-radius:25px; margin:0 auto; display:block; margin-top:50px;}
.btnsq span{ margin-right:10px;}
.btnsq:hover{ color:#fff; background:#f44b2a;}

/*****产品列表***/
.topimg{ height:250px; overflow:hidden; background:url(../t.jpg) no-repeat center 50%; display:none;}
.nytit{ text-align:center; margin-top:25px; overflow:hidden; color:#0da3c1}
.nytit span{ font-size:25px;}
.cate{ margin-top:25px; margin-left:-40px; overflow:hidden; margin-bottom:25px;}
.cate li{ float:left; margin-bottom:10px;}
.cate li a{ width:204px; text-align:center; display:block; margin-left:40px; height:30px; line-height:30px; background:#f1f1f1;}
.cate li a:hover,.cate li a.on{ background:#0da3c1; color:#fff;}

/***产品内容****/
.protop{ padding:25px 0; overflow:hidden;}
.protop #examples{ float:left; width:435px;}
.protop .protxt{ float:right; width:700px; line-height:24px; color:#888;}
.protop .protxt h2{ font-size:24px; border-bottom:1px solid #eee; margin-bottom:10px; padding-bottom:10px;}

.pbtn{ padding:25px 0; overflow:hidden;}
.pbtn a{ float:left; padding:0 15px; margin-right:20px; font-size:18px; text-align:center; height:40px; line-height:40px; color:#fff;}
.pbtn a span{ margin-right:12px;}
.pbtn a.a1{ background:#0bc988; border:1px solid #08af76;}
.pbtn a.a2{ background:#f2591d; border:1px solid #db4b12;}
.pbtn a:hover{ opacity:0.8;}
.prevnext{ padding-top:12px; margin-bottom:25px;}

.procon{ border:1px solid #ddd; min-height:600px; margin-bottom:20px;}
.procon .tabul{ height:45px; background:#f2f2f2; border-bottom:1px solid #ddd; margin-bottom:12px;}
.procon .tabul li{ float:left; width:120px; height:45px; line-height:45px; cursor:pointer; font-size:14px; text-align:center;}
.procon .tabul li.on{ background:#fff; color:#0da3c1;font-weight:bold; height:46px; border-right:1px solid #ddd;}
.procon .tabul li.li2.on{border-left:1px solid #ddd;}
.procon .probox{ padding:20px; overflow:hidden; display:none;}
.procon .probox .prtit{ height:25px; margin-bottom:20px;}
.procon .probox .prtit span{ background:#0da3c1; color:#fff; padding:10px 20px;}
.procon .probox .proboxc{ line-height:23px; font-size:12px; color:#666;}
.procon .probox .proboxc img{max-width:100%;}

/***关于我们***/
.rcbox{ line-height:24px; min-height:600px;}
.rcbox img{max-width:100%;}


/***新闻列表***/
.newList{ overflow:hidden; padding:40px 0; border-bottom:1px dotted #ddd; transition:background-color 0.5s ease;-webkit-transition:background-color 0.5s ease;}
.newList dt{ float:left; width:300px; height:205px; overflow:hidden;}
.newList dt img{ width:100%; height:100%; transition:all 1s ease; -webkit-transition:all 1s ease;}
.newList:hover img{ transform:scale(1.5); -webkit-transform:scale(1.5);}
.newList dd{ float:left; width:690px; margin-left:50px; height:205px; position:relative;}
.newList dd h2{ font-size:18px; font-weight:normal; color:#333333; line-height:26px;}
.newList dd .date{ display:block; color:#999; font-size:14px; padding:15px 0;}
.newList dd .note{ color:#666; font-size:14px; line-height:25px;}
.newList:hover{ background:#f6f6f6;}
.newList:hover h2{ color:#1b97d8;}

/***文章详情***/
.newstitle{ text-align:center; border-bottom:1px solid #ddd; padding-bottom:12px; margin-bottom:20px;}
.newstitle h1{ font-size:20px; }
.newstitle p{ margin-top:15px; color:#999;}
.newstitle p span{ margin:0 15px; }


.cjwt li{ margin-top:20px; overflow:hidden; border-bottom:1px dotted #ddd; padding-bottom:15px;}
.cjwt li h2{ font-size:16px; margin-bottom:10px; color:#0da3c1; overflow:hidden;}
.cjwt li h2 span{ font-weight:normal; margin-right:12px; font-size:12px; background:#0da3c1; width:25px; line-height:25px; text-align:center; height:25px; overflow:hidden; float:left; color:#fff;}
.cjwt li .text{ font-size:14px; color:#888; line-height:25px; position:relative; padding-left:38px; margin-top:20px;}
.cjwt li .text .da{font-weight:normal; font-size:12px; background:#c0c0c0; width:25px; line-height:25px; text-align:center; height:25px; overflow:hidden; position:absolute; left:0px; top:0px; color:#fff;}

/***留言***/
.book{ margin-top:25px;}
.book table{ width:100%;}
.book table td{ padding:5px 10px;}
.book table td .intxt{ border:1px solid #eee; transition:border-color .3s; -webkit-transition:border-color .3s; padding:10px; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; outline:none; font-family:Microsoft Yahei;}
.book table td .intxt:hover{ border-color:#0da3c1;}
.book table td .btn{ width:120px; height:45px; border:0px; background:#0da3c1; color:#fff; font-size:14px;font-family:Microsoft Yahei; cursor:pointer; transition:all .3s; -webkit-transition:all .3s;}
.book table td .btn:hover{ background:#0cb1d2;}


/***分页***/
.pagelist{ padding:20px 0; text-align:center; margin-bottom:20px;}
.pagelist a{ padding:8px 15px; background:#f1f1f1; margin:0 4px;}
.pagelist a:hover,.pagelist a.hover{  background:#0da3c1; color:#fff;}

/***底部***/
.footer{ background:#f1f1f1; overflow:hidden; padding-top:35px;}
.footer .contact{ float:left; width:280px; line-height:25px; margin-right:70px;}
.footer .contact h2{ font-weight:normal; font-size:18px; color:#0da3c1; margin-bottom:10px;}
.footer .contact span{ float:left; width:15px; margin-right:10px; line-height:25px; text-align:center; height:25px;}
.footer dl{ float:left; width:210px; line-height:25px;}
.footer dl dt a{font-size:18px; color:#0da3c1; margin-bottom:10px; display:block;}
.footer dl dd a{ font-size:12px;}
.footer .ewm{ float:right; width:150px; text-align:center;}
.footer .ewm img{ width:150px; height:150px; margin-bottom:10px; display:block;}
.footer .copyright{ background:#000; text-align:center; color:#fafafa; padding:15px 0; line-height:24px; overflow:hidden; margin-top:35px;}
.footer .copyright a{color:#fff;}